.upload{display: inline-block;font-size: 15px;margin-top: -6px;margin-left: -3px;}
.upload .upload-add{display: inline-block;background: #f1f1f1;vertical-align: top;margin: 5px 5px;width: 100px;height: 100px;text-align: center;}
.upload .upload-icon{background: url("../img/add.png");background-size: 41px 42px;width: 42px;height: 42px;display: inline-block;vertical-align: middle;}

.upload .upload-imgbox{display: inline-block;width: 100px;height: 100px;overflow: hidden;border: solid 1px #f1f1f1;box-sizing: border-box;cursor:pointer;}
.upload .upload-img{display: inline-block;width: 100px;height: 100px;}
.upload .upload-close{z-index: 1;position: absolute;padding: 5px;background: #585858;color: #fff;opacity: 0.9;line-height: 10px;margin-left: 79px;}

.upload .upload-choose{position: absolute;width: 98px;text-align: center;background: #5cb85c;color: #fff;margin: 78px 0px 0px 0px;display: none;}

.upload .upload-video-box{position: absolute;width: 98px;height: 98px;background: #000;opacity: 0.2;}
.upload .upload-video{background: url("../img/video.png");background-size: 50px 50px;width: 50px;height: 50px;position: absolute;margin: 25px;}

.upload .upload-yd{display: inline-block;margin: 5px;background: #fff;}

.upload .upload-loadbox{position: absolute;width: 98px;height: 98px;background: #000;opacity: 0.5;}
.upload .upload-load{background: url("../img/load.png");background-size: 25px 25px;width: 25px;height: 25px;position: absolute;margin: 26px 37px;}
.upload .upload-text{color: #fff;display: inline-block;position: relative;}

.upload .upload-info{display: inline-block;width: 150px;height: 100px;vertical-align: top;margin-left: 5px;}
.upload .upload-textaea{height: 100%;width: 100%;border: 1px solid #f1f1f1;font-size: 12px;line-height: 16px;padding: 7px;box-sizing: border-box;}


.upload .upload-add::before { content: " "; display: inline-block; height: 100%; width: 1%; vertical-align: middle; }


.clip-mask{position: fixed;background: #fff;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 999;opacity: 0.6;}
.clip{z-index: 1000;position: fixed;background: #fff;width: 600px;height: 400px;top: 50%;margin: -200px 0px 0px -300px;left: 50%;border: solid 1px #d9d9d9;border-radius: 5px;    text-align: center;}
.clip-area{width: 200px;    border: 1px #d9d9d9 dashed;height: 200px;display: inline-block;vertical-align: middle;margin: 60px 0px 20px 0px;background: #d9d9d9;}
.clip-cont{margin: auto;}
.clip-view{background: #d9d9d9;width: 100px;height: 100px;margin: auto;}
.clip-group{margin-top: 20px;}
.clip-group-btn{display: inline-block;background: #5093fc;font-size: 12px;color: #fff;padding: 4px 15px;border-radius: 22px;cursor: pointer;border: solid 1px #5093fc;line-height: normal;margin: 0px 10px;}
.clip-close{position: absolute;right: -1px;top: -1px;background: #585858;width: 20px;height: 20px;line-height: 20px;color: #fff;cursor: pointer;}
